$appHeaderHeight: 91px;
$appLeftHeight: 264px;

// 修改element-plus主题色
@forward "element-plus/theme-chalk/src/common/var.scss" with (
	$colors: (
		"primary": (
		"base": #F56D1C,
		),
		"success": (
		"base": #4DC170,
		),
		"danger": (
		"base": #CDCBCB,
		),
		// "info": (
		// "base": #909399,
		// ),
	)
);
@font-face {
    font-family: "backendFF-system";
    src: url('@/assets/font/pingfang.ttf');
    font-weight: normal;
    font-style: normal;
}
$main-color: #333;
$auxiliary-color: #7E7E7E;
$light-color: #000;
.main-color { color: #333; }    // 文字主色
.auxiliary-color { color: #7E7E7E; }    // 文字辅助色
.light-color { color: #000; }   // 文字 黑色

.number-ff { font-family: SimHei; }
.w100 {width: 100%;}
.h100 {height: 100%;}
.w100V {width: 100vw;}
.h100V {height: 100vh;}
.d-flex { display: flex; }
.ai-center { align-items: center; }
.flex-1 { flex: 1; }
.flex-wrap { flex-wrap: wrap; }
.flex-column { flex-flow: column; }
.pos-relative { position: relative; }
.pos-absolute { position: absolute; }
/* 文本行数限制-1行 */
.line-1 { display: inline-block; white-space: nowrap; width: 100%; overflow: hidden;text-overflow:ellipsis;}
.text-center { text-align: center;}
.text-left { text-align: left;}
.text-right { text-align: right; }
// 设置滚动条
.overflow-auto::-webkit-scrollbar { width: 8px; border-radius: 5px; }
.overflow-auto::-webkit-scrollbar-thumb { background: #CDCBCB; border-radius: 4px; }
.overflow-auto::-webkit-scrollbar-thumb:hover { background-color: #555; }

// jusify-content  使用时class="jc-start jc-end jc-center jc-between"
// ai-center  使用时class="ai-start ai-end ai-center ai-baseline"
$justify: (start, end, center, space-between, space-around);
$align: (stretch, flex-start, flex-end, center, baseline, end);
@each $j in $justify {
    @if $j == space-between {
        .jc-between {
            justify-content: space-between;
        }
    } @else if $j == space-around {
        .jc-around {
            justify-content: space-around;
        }
    } @else {
        .jc-#{$j} {
            justify-content: #{$j};
        }
    }
}
@each $a in $align {
    .ai-#{$a} {
        align-items: #{$a};
    }
}
// 字体大小 使用时class="fs-1 ~ fs-140"
@for $i from 1 through 140 {
    // 字体
    .fs-#{$i} {
        font-size: #{$i}px;
    }
}
// 字重  使用时class="fw-100 fw-200 fw-300 fw-400 fw-500 fw-600 fw-700 fw-800 fw-900"
@for $i from 100 through 900 {
    // 字体
    .fw-#{$i} {
        font-weight: #{$i};
    }
}
// 行高  使用时class="mt-1 ~ mt-200 mb-1 ~ mb-200 ml-1 ~ ml-200 mr-1 ~ mr-200"
@for $i from 0 through 200 {
	.mt-#{$i} {
		margin-top: #{$i}px;
	}
	.mr-#{$i} {
		margin-right: #{$i}px;
	}
	.mb-#{$i} {
		margin-bottom: #{$i}px;
	}
	.ml-#{$i} {
		margin-left: #{$i}px;
	}
}
// 内边距  使用时class="pt-1 ~ pt-100 pr-1 ~ pr-100 pb-1 ~ pb-100 pl-1 ~ pl-100"
@for $i from 0 through 100 {
	.pt-#{$i} {
		padding-top: #{$i}px;
	}
	.pr-#{$i} {
		padding-right: #{$i}px;
	}
	.pb-#{$i} {
		padding-bottom: #{$i}px;
	}
	.pl-#{$i} {
		padding-left: #{$i}px;
	}
}
// 宽度  使用时class="w-1 ~ w-150"
@for $i from 1 to 150 {
	.w-#{$i} {
		width: #{$i}px !important;
	}
}
// 高度  使用时class="h-1 ~ h-150"
@for $i from 1 to 150 {
	.h-#{$i} {
		height: #{$i}px !important;
	}
}

